<template>
  <el-dialog :title="title" :visible.sync="open" width="50%" append-to-body>
    <div class="noticeDialog">
      <h3>{{rowData.title}}</h3>
      <p class="time">发布时间：{{rowData.issueTime}}</p>
      <p>{{rowData.detail}}</p>
    </div>
    <!--<div slot="footer" class="dialog-footer">
      <el-button :loading="buttonLoading" type="primary" @click="submitForm">确 定</el-button>
      <el-button @click="cancel">取 消</el-button>
    </div>-->
  </el-dialog>
</template>

<script>
  export default {
    name: "noticeDialog",
    data() {
      return {
        title: '公告详情',
        open: false,
        rowData: {}
      }
    },
    methods: {
      init(rowData) {
        this.open = true;
        this.rowData = rowData;
      }
    }
  }
</script>

<style scoped lang="scss">
  .noticeDialog {
    h3 {
      text-align: center;
    }
    p {
      text-indent: 2em;
    }
    .time {
      text-align: right;
    }
  }

</style>
